﻿

/* NguyenDuy popup*/
/*================== popup ====================*/


#mask {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 999;
}

#mask2 {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 999;
}

.login-popup{
	 background: none repeat scroll 0 0 green;
    display: none;
    min-height: 80px;
    padding: 10px;
    position: fixed;
    top: 10px;
  /*  width: 100%;*/
    z-index: 9999;
}

.alert-popup
{
     background: none repeat scroll 0 0 blue;
    display: none;
    min-height: 80px;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 99999;
    }

.alert_txt
{
    color:#fff;
    font-size:18pt;
    }

.button { 
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	display:inline-block;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
	width:214px;
}

.button:hover { background:#ddd; }

.cldisplay
{
    display:none;
    }
    
.btn_r
{
    float:right;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 99999;
  /*  background: linear-gradient(#CCCCCC, #000000) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #FFFFFF !important;
    float: right;
    font-size: 12px;   
    padding: 8px 18px;
    position: absolute;
    right: 10px;
    text-shadow: 1px 1px 1px #000000;
    top: 10px;
    z-index: 99999;
*/
}    

.btn_r:hover img
{
     cursor: pointer;
   /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
    filter: alpha(opacity=7);*/
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    }


.popup_title
{
    border-bottom: 1px dashed #CCCCCC;
    font-size: 14pt;
    font-weight: bold;   
    margin-bottom: 10px;
    padding: 2px 3px 5px;
    text-align: left;
    vertical-align: middle;   
    }
    
.pop_scroll
{    
    overflow-y: auto;      
    padding:2px;
    }    
    
    
#bg_loading
{
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.6;
	z-index: 9999;
}
#loading
{
   background: url("../content/image/icon/loading.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: none;
    height: 300px;
    padding: 10px;
    position: fixed;
    top: 50%;
    width: 300px;
    z-index: 99999;
    }         